<template>

    <el-menu
        default-active="2"
        class="el-menu-vertical-demo"
        background-color="#001529"
        text-color="#ffffff"
        active-text-color="#409eff"
    >
      <el-menu-item index="/manage/home" @click="router.push('/manager/home')">
        <el-icon><icon-menu /></el-icon>
        <template #title >系统首页</template>
      </el-menu-item>
      <el-sub-menu index="1">
        <template #title>
          <el-icon><location /></el-icon>
          <span>用户管理</span>
        </template>
        <el-menu-item index="/manager/admin" @click="router.push('/manager/admin')">管理员信息</el-menu-item>
        <el-menu-item index="/manager/user" @click="router.push('/manager/user')">用户信息</el-menu-item>
      </el-sub-menu>
      <el-sub-menu index="2">
        <template #title>
          <el-icon><icon-menu /></el-icon>
          <span>信息管理</span>
        </template>
        <el-menu-item index="/manager/Shangpinfenlei" @click="router.push('/manager/Shangpinfenlei')">
          <template #title>商品分类</template>
        </el-menu-item>
        <el-menu-item index="/manager/Shangpinxiangqing" @click="router.push('/manager/Shangpinxiangqing')">
          <template #title>商品详情</template>
        </el-menu-item>
        <el-menu-item index="/manager/dingdanguanli" @click="router.push('/manager/dingdanguanli')">
          <template #title>订单管理</template>
        </el-menu-item>
      </el-sub-menu>
      <el-menu-item index="/manage/tuichu">
        <el-icon><icon-menu /></el-icon>
        <template #title>退出系统</template>
      </el-menu-item>
    </el-menu>

</template>
<script setup lang="ts">
import {
  Menu as IconMenu,
  Location,
} from "@element-plus/icons-vue";
import router from "@/router/index.js";
</script>